<!--
  Generated template for the PhonePage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->

<!--<ion-header>-->

<!--<ion-navbar>-->
<!--<ion-title>我的评价</ion-title>-->
<!--</ion-navbar>-->

<!--</ion-header>-->



<ion-content style="font-family: 'Verdana', 'Arial';  width: 100%;height: 100%;">


  <div class="main">
    <div class="content">
      <p style="font-size: 1.5rem;color: white;width: 100%;height: 2rem;text-align:center; padding-bottom: 4.5rem ;text-shadow: 1px 1px 1px #4d4c4c;margin-top: 7rem">继续观看需要验证您当前手机号</p>
      <div style="height: 4.2rem;width: 20rem;background: rgba(0,0,0, 0.2);border-radius: 0.5rem;margin: 0 auto ;margin-bottom: 1.8rem;">
        <span style="font-size: 1rem; height:4.2rem;line-height:4.2rem;overflow:hidden; margin-left: 1.2rem;visibility:visible">手机号:</span>
        <input type="" name="firstname" value="输入手机号码" maxlength="11" autofocus required style="width: 8rem;border:none;background: none transparent scroll repeat 0% 0%;font-size: 1rem;visibility:visible"  [(ngModel)]="phoneNum">
      </div>

      <div style="height: 4.2rem;width: 20rem;background: rgba(0,0,0, 0.3);border-radius: 0.5rem;margin: 0 auto ; margin-bottom: 1.8rem;">
        <span style="font-size: 1rem; height:4.2rem;line-height:4.2rem;overflow:hidden; margin-left: 1.2rem;">短信验证码:</span>
        <input type="text" name="firstname" value="验证码" style="width: 5rem;border:none;background: none transparent scroll repeat 0% 0%;font-size: 1rem;" [(ngModel)]="code">
        <button item-right ion-button round [disabled]="!verifyCode.disable" (click)="getCode()" style="height: 3rem;margin-right:0.4rem;float: right;margin-top: 0.6rem; border-radius: 1.2rem;font-size: 0.6rem;padding: 0.3rem;background: rgba(0,0,0, 0.3);">{{verifyCode.verifyCodeTips}}</button>
      </div>
      <div style="height: 4.2rem;width: 20rem;background: rgba(0,0,0, 0.2);border-radius: 0.5rem;margin: 0 auto ;" (click)="open_me()">
        <span style="font-size: 1rem; height:4.2rem;line-height:4.2rem;overflow:hidden;text-align:center; display:block;">验证并提交</span>
      </div>

    </div>
  </div>
</ion-content>
